<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#father{
				width: 300px;
				height: 300px;
				background: #0000FF;
			}
			#son{
				width: 100px;
				height: 100px;
				background: yellow;
			}
		</style>
	</head>
	<body>
		<div id="app">
			
		
		<div id="father"  @click="alert('father')">
			<div id="son" @click="alert('son')">
				
				
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		let vm=new Vue({
			el:'#app',
			data:{
				
			}
		})
//		function fnadd(a,b){
//			console.log(a+b)
//		}
//		fnadd(10,20)
		var fnadd1 = (a,b)=>{
			console.log(a+b)
		}
		fnadd1(1,3)
//		var fnadd2 = (a,b) =>{
//			console.log(a+b)
//		}
//		fnadd2(3,5)
		var fnadd3 = ()=>{
			console.log("bbb")
		}
		fnadd3()
	</script>
</html>
